<script setup>

import {ref,defineProps,defineEmits} from 'vue'
const size = ref(18)

// 父组件向子组件传递过来的属性值
const props = defineProps({
  number: {
    type: Number,
    default: 0
  },
  ids: {
    type: Array,
    default: () => []
  },
  person: {
    type: Object,
    default: () => ({})
  }
})


</script>

<template>
  <div>
    <h3>案例1.1：父组件向子组件传值（或者叫：子组件使用父组件属性）：</h3>
    <p>这是学生1子组件</p>
    <p>学生1子组件的属性size：{{ size }}</p>
    <p>父组件传递过来的属性值：{{ number }}--{{ ids }}--{{ person }}</p>
  </div>
</template>

<style scoped>

</style>